<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<title>Document</title> 
	<!-- meta使用viewport以确保页面可自由缩放 -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- 引入 jQuery Mobile 样式 -->
	<link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
	<link rel="stylesheet" type="text/css" href="./css/movie.css">
	<!-- 引入 jQuery 库 -->
	<script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
	<!-- 引入 jQuery Mobile 库 -->
	<script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
	<link href="css/bass.css" rel="stylesheet" />
	<link href="css/style.css" rel="stylesheet" />
</head>
<body>
	<div data-role="page" id="homepage">
		<header data-role="header" data-position="fixed" data-theme="f">
			<a href="#" class="ui-btn ui-corner-all ui-shadow ui-icon-home ui-btn-icon-notext">button</a>
			<h1>二手货市场</h1>
			<a href="#" class="ui-btn ui-btn-right ui-corner-all ui-shadow ui-icon-bars ui-btn-icon-notext" style="right: 2.2em;" id="menu">button</a>
			<a href="#" class="ui-btn ui-btn-right ui-corner-all ui-shadow ui-icon-search ui-btn-icon-notext">button</a>
		</header>
		<div data-role="navbar" id="menulist">
		    <ul>
		    	<li><a href="#" class="ui-btn-active">最新</a></li>
				<li><a href="#">附近</a></li>
				<li><a href="#">关注</a></li> 
				<li><a href="#">手机</a></li>
				<li><a href="#">电脑</a></li>
				<li><a href="#">美妆</a></li>
				<li><a href="#">衣物</a></li>
				<li><a href="#">电器</a></li>
				<li><a href="#">玩具乐器</a></li>
		    </ul>
		</div><!-- /navbar -->
		<div>
			<div class="bannercontainer">
				<ul class="bannerlist">
					<li>
						<a href="#">
							<img src="img/1.png" />
						</a>
					</li>
					<li>
						<a href="#">
							<img src="img/2.jpg" />
						</a>
					</li>
					<li>
						<a href="#">
							<img src="img/3.jpg" />
						</a>
					</li>
					<li>
						<a href="#">
							<img src="img/1.png" />
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="nav">
			<h1>精选商品</h1>
		</div> 
		<article role="main" class="ui-content" style="background-color: #B0E0E6;">
			<div class="ui-grid-b" id="movielist">
				<div class="ui-block-a">
					<a href="#mymovie" data-transition="slide">
						<img src="./img/13.jpg">
						<span>香水</span>
						<span class="price">￥68.00</span>
					</a>
				</div>
				<div class="ui-block-b">
					<a href="##">
						<img src="./img/8 (2).jpg">
						<span>口红</span>
						<span class="price">￥100</span>
					</a>
				</div>
				<div class="ui-block-c">
					<a href="##">
						<img src="./img/8 (3).jpg">
						<span>不懂是</span>
						<span class="price">￥100</span>
					</a>
				</div>
				<div class="ui-block-a">
					<a href="##">
						<img src="./img/9.jpg">
						<span>袋子</span>
						<span class="price">￥30</span>
					</a>
				</div>
				<div class="ui-block-b">
					<a href="##">
						<img src="./img/10.jpg">
						<span>鞋子</span>
						<span class="price">￥200</span>
					</a>
				</div>
				<div class="ui-block-c">
					<a href="##">
						<img src="./img/11.jpg">
						<span>口红</span>
						<span class="price">￥20</span>
					</a>
				</div>
				<div class="ui-block-a">
					<a href="##">
						<img src="./img/12.jpg">
						<span>音响</span>
						<span class="price">￥1000</span>
					</a>
				</div>
				<div class="ui-block-b">
					<a href="##">
						<img src="./img/13.jpg">
						<span>香水</span>
						<span class="price">￥100</span>
					</a>
				</div>
				<div class="ui-block-c">
					<a href="##">
						<img src="./img/14.jpg">
						<span>EMM</span>
						<span class="price">￥1.00</span>
					</a>
				</div>
			</div>
		</article><!-- /content -->

		<!-- footer -->
		<footer>
			<a href="index.html" class="pick">
				<i class="icon icon-f1"></i> 首页
			</a>
			<a href="comment.html">
				<i class="icon icon-f2"></i> 商品详情
			</a>
			<a href="#shoppingcart" >
				<i class="icon icon-f3"></i> 购物车
			</a>
			<a href="#personal">
				<i class="icon icon-f4"></i> 我
			</a>
		</footer>
	</div>
	<div data-role="page" id="mymovie">
		<header data-role="header" data-position="fixed" data-theme="f">
			<a href="#" class="ui-btn ui-corner-all ui-shadow ui-icon-home ui-btn-icon-notext">button</a>
			<h1>二手货市场</h1>
			<a href="#" class="ui-btn ui-btn-right ui-corner-all ui-shadow ui-icon-bars ui-btn-icon-notext" style="right: 2.2em;" id="menu">button</a>
			<a href="#" class="ui-btn ui-btn-right ui-corner-all ui-shadow ui-icon-search ui-btn-icon-notext">button</a>
		</header>
		<article role="main" class="ui-content">
			<div class="ui-grid-a movieintro">
				<div class="ui-block-a">
					<img src="./img/13.jpg" style="width: 100%">
				</div>
				<div class="ui-block-b">
					<h3 class="movietitle">名牌香水</h3>
					<div class="actor"><p
						 style="font-size: 14px;font-weight: bold;">商品描述：</p>全新的，还没有开封，不砍价噢，识货的来</div>
					<div class="director"><p
						 style="font-size: 14px;font-weight: bold;">卖家：</p>8**98**8</div>
					<div class="year"><p
						 style="font-size: 14px;font-weight: bold;">价格：</p>60RMB</div>
				</div>
			</div>
		</article><!-- /content -->
		<div class="lists">
			<button data-role="button" style="background-color: #B0E0E6;"><a href="#moviedetail">加入购物车</a></button>
			<button data-role="button" style="background-color: #B0E0E6;">立即购买</button>
		</div>
		<!-- footer -->
		<footer>
			<a href="index.html">
				<i class="icon icon-f1"></i> 首页
			</a>
			<a href="comment.html" class="pick">
				<i class="icon icon-f2"></i> 商品详情
			</a>
			<a href="#shoppingcart">
				<i class="icon icon-f3"></i> 购物车
			</a>
			<a href="#personal">
				<i class="icon icon-f4"></i> 我
			</a>
		</footer>
	</div>
	<div data-role="page" id="shoppingcart">
		<header data-role="header" data-position="fixed" data-theme="f">
			<a href="#" class="ui-btn ui-corner-all ui-shadow ui-icon-home ui-btn-icon-notext">button</a>
			<h1>二手货市场</h1>
			<a href="#" class="ui-btn ui-btn-right ui-corner-all ui-shadow ui-icon-bars ui-btn-icon-notext" style="right: 2.2em;" id="menu">button</a>
			<a href="#" class="ui-btn ui-btn-right ui-corner-all ui-shadow ui-icon-search ui-btn-icon-notext">button</a>
		</header>
		<!-- 购物车 -->
		<form class="setCmp">
			<div class="Cart">
				<div class="payment">
					<input type="radio" class="radio-la" value="" id="check-2" name="doc-radio-1">
					<label for="check-2"></label>
				</div>
				<a href="javascript:;" class="select-btn select-btn-t"><img src="./img/timg (1).jpg">虎太郎</a>
			</div>
			<article class="confirmOrder">
				<img src="./img/13.jpg">
				<div class="product-text">
					<span>香水</span>
					<span class="hue">状态：全新</span>
					<span class="price price-cart">
		    		￥60.00
		    		<div class="norms-content-t norms-content-two">
		                <span class="icon norms-out"></span>
					<span>1</span>
					<span class="icon norms-add"></span>
				</div>
				</span>
				</div>
			</article>
			<div class="Cart">
				<div class="payment">
					<input type="radio" class="radio-la" value="" id="check-3" name="doc-radio-1">
					<label for="check-3"></label>
				</div>
				<a href="javascript:;" class="select-btn select-btn-t"><img src="./img/wanted4.jpg">帅气绅士</a>
			</div>
			<article class="confirmOrder">
				<img src="./img/8 (2).jpg">
				<div class="product-text">
					<span>口红</span>
					<span class="hue">状态：全新</span>
					<span class="price price-cart">
		    		￥100.00
		    		<div class="norms-content-t norms-content-two">
		                <span class="icon norms-out"></span>
					<span>1</span>
					<span class="icon norms-add"></span>
				</div>
				</span>
				</div>
			</article>
		</form>
		<nav class="navbar-fixed-bottom navbar-fixed-bottom-cart">
			<div class="container container-cart">
				<div class="navbar-text navbar-left pull-left m-cart-disbursement">合计：0.00
				</div>
				<a href="javascript:;" class="btn btn-warning navbar-btn pull-right">去结算</a>
			</div>
		</nav>
		<!-- footer -->
		<footer>
			<a href="index.html">
				<i class="icon icon-f1"></i> 首页
			</a>
			<a href="comment.html">
				<i class="icon icon-f2"></i> 商品详情
			</a>
			<a href="shopping.html" class="pick">
				<i class="icon icon-f3"></i> 购物车
			</a>
			<a href="#personal">
				<i class="icon icon-f4"></i> 我
			</a>
		</footer>
	</div>
	<div data-role="page" id="personal">
		<header data-role="header" data-position="fixed" data-theme="f">
			<a href="#" class="ui-btn ui-corner-all ui-shadow ui-icon-home ui-btn-icon-notext">button</a>
			<h1>二手货市场</h1>
			<a href="#" class="ui-btn ui-btn-right ui-corner-all ui-shadow ui-icon-bars ui-btn-icon-notext" style="right: 2.2em;" id="menu">button</a>
			<a href="#" class="ui-btn ui-btn-right ui-corner-all ui-shadow ui-icon-search ui-btn-icon-notext">button</a>
		</header>
		<!-- 个人中心 -->
		<article class="user-head">
			<div class="user-bg-img">
				<img src="./img/timg (2).jpg" style="height: 150px; ">
				<div class="user-img">
					<img src="./img/timg (1).jpg">
				</div>
				<a href="..\CG\shopping.html">
				<div style="text-align: center;"><button style="width: 150px;height: 30px;border-radius: 15px;font-size: 14px;margin: 0 auto;background-color: #B0E0E6;margin-top: -5px;">退出登录</button></div>
			</a>
			</div>
			<div class="user-order">
				<a href="javascript:;" class="select-btn select-btn-t"><img src="./img/indent.png">我的订单 <span>查看所有订单</span> <i class="icon icon-select"></i></a>
			</div>
			<div class="user-nav">
				<a href="index.html">
					<i class="icon icon-f1"></i> 待付款
				</a>
				<a href="javascript:;">
					<i class="icon icon-f2"></i> 待收货
				</a>
				<a href="javascript:;">
					<i class="icon icon-f3"></i> 已收货
				</a>
				<a href="javascript:;">

					<i class="icon icon-f4"></i> 已取消
				</a>
				<a href="javascript:;">

					<i class="icon icon-f4"></i> 待评价
				</a>
			</div>
		</article>
		<article class="user-list">
			<a href="javascript:;" class="select-btn select-btn-t"><img src="img/collct.png">我发布的<span></span><i class="icon icon-select"></i></a>
			<a href="javascript:;" class="select-btn select-btn-t"><img src="img/about.png">我卖出的<i class="icon icon-select"></i></a>
			<a href="javascript:;" class="select-btn select-btn-t"><img src="img/about.png">我买到的<i class="icon icon-select"></i></a>
			<a href="javascript:;" class="select-btn select-btn-t"><img src="img/about.png">我租到的<i class="icon icon-select"></i></a>
			<a href="javascript:;" class="select-btn select-btn-t"><img src="img/about.png">我的拍卖<i class="icon icon-select"></i></a>
			<a href="javascript:;" class="select-btn select-btn-t"><img src="img/about.png">我的评论<i class="icon icon-select"></i></a>
			<a href="javascript:;" class="select-btn select-btn-t"><img src="img/service.png">联系客服<i class="icon icon-select"></i></a>
			<a href="javascript:;" class="select-btn select-btn-t"><img src="img/set.png">设置<i class="icon icon-select"></i></a>
		</article>
		<!-- footer -->
		<footer>
			<a href="#homepage">
				<i class="icon icon-f1"></i> 首页
			</a>
			<a href="#sign">
				<i class="icon icon-f2"></i> 商品详情
			</a>
			<a href="#shoppingcart">
				<i class="icon icon-f3"></i> 购物车
			</a> 
			<a href="#" class="pick">
				<i class="icon icon-f4"></i> 我
			</a>
		</footer>
	</div>
</body>
<script type="text/javascript" src="./js/jqajax.js"></script>
<script type="text/javascript" src="./js/movie.js"></script>
<script type="text/javascript" src="./js/api.js"></script>
</html>